<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	template="../templates/template.xhtml">
	<ui:define name="body">
		<table width="100%">
			<tr>
				<td align="left">
				<h2><h:outputText
					value="#{titulos.REGISTRO_PERSONAS}" /></h2>
				</td>
			</tr>
			<tr>
				<td align="center"><rich:panel styleClass="fondoBlanco">
					<f:view encoding="iso-8859-1">
						<h:form id="frmRegistroPersonas">
							<h:outputText value="#{personaAction.iniciarRegistrar}" />
							<a4j:region id="regionForm">
								<div align="left"><h:panelGrid columns="3">
									<h:outputLabel value="Nombres: (*)" style="width:200px;" />
									<rich:spacer width="10px" height="30px" />
									<h:panelGrid columns="3">
										<h:inputText id="txtNombres"
											style="width: 500px; text-transform: uppercase;"
											value="#{personaAction.personaNatural.nombres}"
											maxlength="150">
											
											<rich:beanValidator />
										</h:inputText>
										<rich:spacer width="10px" height="30px" />
										<h:panelGrid columns="1" style="width:150px;">
											<rich:message for="txtNombres" style="color: red" />
										</h:panelGrid>
									</h:panelGrid>

									<h:outputLabel value="Apellido Paterno: (*)"
										style="width:200px;" />
									<rich:spacer width="10px" height="30px" />
									<h:panelGrid columns="3">
										<h:inputText id="txtApellidoPaterno"
											style="width: 500px; text-transform: uppercase;"
											value="#{personaAction.personaNatural.apellidoPaterno}"
											maxlength="150">
											
											<rich:beanValidator />
										</h:inputText>
										<rich:spacer width="10px" height="30px" />
										<h:panelGrid columns="1" style="width:150px;">
											<rich:message for="txtApellidoPaterno" style="color: red" />
										</h:panelGrid>
									</h:panelGrid>

									<h:outputLabel value="Apellido Materno: (*)"
										style="width:200px;" />
									<rich:spacer width="10px" height="30px" />
									<h:panelGrid columns="3">
										<h:inputText id="txtApellidoMaterno"
											style="width: 500px; text-transform: uppercase;"
											value="#{personaAction.personaNatural.apellidoMaterno}"
											maxlength="150">
											
											<rich:beanValidator />
										</h:inputText>
										<rich:spacer width="10px" height="30px" />
										<h:panelGrid columns="1" style="width:150px;">
											<rich:message for="txtApellidoMaterno" style="color: red" />
										</h:panelGrid>
									</h:panelGrid>

									
									<h:outputLabel value="Tipo Doc.: (*)" style="width:200px;" />
									<rich:spacer width="10px" height="30px" />
									<h:panelGrid columns="7">
										<h:selectOneMenu id="cmbTipoDocumento" required="true"
											value="#{personaAction.personaNatural.codigoTipoDocumento}"
											defaultLabel="--Seleccione--"
											style="text-transform: uppercase;width:150px;background-color:#FAFAFA;">
											<f:selectItem itemLabel="-- Seleccione --" itemValue="-1" />
											<f:selectItems value="#{personaAction.listaTipoDocumento}" />
											<rich:beanValidator />
										</h:selectOneMenu>
										<rich:spacer width="10px" height="30px" />
										<h:panelGrid columns="1" style="width:150px;">
											<rich:message for="cmbTipoDocumento" style="color:red" />
										</h:panelGrid>
										<rich:spacer width="10px" height="30px" />
										<h:outputLabel value="Nro. Doc.: (*)" style="width:200px;" />
										<rich:spacer width="10px" height="30px" />
										<h:panelGrid columns="3">
											<h:inputText id="txtNumeroDocumento"
												style="width: 90px; text-transform: uppercase;"
												value="#{personaAction.personaNatural.dni}"
												maxlength="8">
												
												<rich:beanValidator />
											</h:inputText>
											<rich:spacer width="10px" height="30px" />
											<h:panelGrid columns="1" style="width:150px;">
												<rich:message for="txtNumeroDocumento" style="color: red" />
											</h:panelGrid>
										</h:panelGrid>

									</h:panelGrid>
									
									
										
										
										<h:outputLabel value="Edad:" style="width:200px;" />
										<rich:spacer width="10px" height="30px" />
										<h:panelGrid columns="3">
											<h:inputText id="txtEdad" 
												style="width: 50px; text-transform: uppercase;"
												value="#{personaAction.personaNatural.edad}"
												maxlength="3">
												<rich:beanValidator />
											</h:inputText>
											<rich:spacer width="10px" height="30px" />
											<h:panelGrid columns="1" style="width:150px;">
												<rich:message for="txtEdad" style="color: red" />
											</h:panelGrid>
										</h:panelGrid>

									
								</h:panelGrid></div>

								<div align="center"><a4j:outputPanel ajaxRendered="true">
									<h:panelGrid id="idPanelMsgRegistrarPersona"
										rendered="#{personaAction.estadoPanelMensajes}">
										<rich:spacer width="10px" height="10px" />
										<h:outputText styleClass="#{personaAction.estiloMensaje}"
											id="msjAdvertenciaRegPersona"
											value="#{personaAction.mensaje}" />
										<rich:spacer width="10px" height="10px" />
									</h:panelGrid>
								</a4j:outputPanel></div>

								<div align="center"><h:panelGrid border="0" columns="3">
									<a4j:commandButton id="btnGuardarReg" value="Guardar"
										styleClass="anchoBoton" ignoreDupResponses="true"
										action="#{personaAction.confirmarRegistrarPersona}"
										oncomplete="#{personaAction.mostrarPanel}" />
									<rich:spacer id="re162" height="30px" width="15px" />
									<h:commandButton id="btnSalirReg" value="Regresar"
										action="#{personaAction.cancelarConfirmarRegistrarPersona}"
										styleClass="anchoBoton" immediate="true" />
								</h:panelGrid></div>
								<rich:spacer width="10px" height="30px" />
							</a4j:region>
						</h:form>

						<rich:modalPanel id="pnlConfirmaGuardar" width="300" height="150"
							moveable="false" resizeable="false">
							<f:facet name="header">
								<h:panelGroup>
									<h:outputText
										value="#{messages['mensaje.confirmacion.titulo']}"></h:outputText>
								</h:panelGroup>
							</f:facet>
							<div align="center"><h:form id="panelMsg1">
								<h:panelGrid border="0" columns="3">
									<h:outputLabel
										value="#{messages['mensaje.confirmacion.guardardatos']}" />
								</h:panelGrid>
								<br />
								<br />
								<h:panelGrid border="0" columns="3">
									<a4j:commandButton id="btnSiReg" value="Si"
										styleClass="anchoBoton" ignoreDupResponses="true"
										action="#{personaAction.registrarPersona}"
										oncomplete="#{personaAction.mostrarPanel}"
										reRender="pnlConfirmaGuardar, idPanelMsgRegistrarPersona, 
												 txtCodigo,txtNombres,txtApellidoPaterno, txtApellidoMaterno,  
												cmbTipoDocumento, txtNumeroDocumento,txtEdad" />
									<rich:spacer height="30px" width="15px" />
									<a4j:commandButton value="No" styleClass="anchoBoton"
										id="btnNoReg" ignoreDupResponses="true"
										action="#{personaAction.cancelarRegistrarPersona}"
										oncomplete="#{personaAction.mostrarPanel}"
										reRender="pnlConfirmaGuardar" />
								</h:panelGrid>
							</h:form></div>
						</rich:modalPanel>
					</f:view>
				</rich:panel></td>
			</tr>
		</table>
		<ui:include src="/templates/wait.xhtml" />
	</ui:define>
</ui:composition>